<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卧龙控股</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    
<body>
    <div class="container">
        <div class="logo">
            <div class="left">
                <img src="./images/logo.jpg" alt="">
            </div>    
            <div class="right">
                <input type="text" name="search" placeholder="SEARCH..." ><i class="iconfont icon-sousuo"></i>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li class="first"><a href="#">集团介绍</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">卧龙市场</a></li>
                <li><a href="#">技术研发</a></li>
                <li><a href="#">国际合作</a></li>
                <li><a href="#">合作者关系</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li class="last"><a href="#">人力资源</a></li>
            </ul>
        </div>
        <div class="banner">
            <img src="./images/banner.jpg" alt="" id="baseImg">
        </div>
        <div class="news">
            <div class="left"> 
                <div class="zixun">
                    <h4>新闻资讯</h4>
                    <div class="xq">
                        <ul>
                            <li>
                                <i class="iconfont icon-yuandian"></i><a href="#">陈建成董事长出席ATB集团召开年度销售大会</a>
                            </li>
                            <li>
                                <i class="iconfont icon-yuandian"></i><a href="#">中国电器工业协分马力电机分会在卧龙召开理事长....</a>
                            </li>
                            <li>
                                <i class="iconfont icon-yuandian"></i><a href="#">陈建成懂事长访问中国驻德大使</a>
                            </li>
                            <li>
                                <i class="iconfont icon-yuandian"></i><a href="#">企业文化是企业持背的关键要</a>
                            </li>
                            <li>
                                <i class="iconfont icon-yuandian"></i><a href="#">陈建成董事长在 ATB 集团 2013 年的售会议上发表重要...</a>
                            </li>
                            <li>
                                <i class="iconfont icon-yuandian"></i><a href="#">喜迎七一喝响卧龙 年轻力量及企业持久活力 卧龙举</a>
                            </li>
                        </ul>
                    </div>
                    <div class="sj">
                        <ul>
                            <li><a href="#">2013-07-30</a></li>
                            <li><a href="#">2013-07-30</a></li>
                            <li><a href="#">2013-07-30</a></li>
                            <li><a href="#">2013-07-30</a></li>
                            <li><a href="#">2013-07-30</a></li>
                            <li><a href="#">2013-07-30</a></li>

                        </ul>
                    </div>
                </div>
                
            </div>
            <div class="center">
                <div class="jieshao">
                    <h4>卧龙介绍</h4>
                    <p>公司成立于1984年,</p>
                    <p style="font-size: 14px;">经过近30年的发展</p>
                    <p>已成为电气制造,房地产开发和金融投资三业并举的综合性跨国...</p>
                </div>
            </div>
            <div class="right">
                <div class="rencai">
                    <div class="head">
                        <h4>人才招聘</h4>
                        <p>培养一流的人才,铸造一流的工程<br>实现员工与企业的共同发展</p>
                    </div>
                    <div class="foot">
                        <img src="./images/mode_03.jpg" alt="mode" id="mode">
                        <img src="./images/1_09.jpg" alt="grass" id="grass">
                    </div>
                </div>
            </div>
        </div>
        <div class="market">
            <h4>卧龙市场</h4>
            <div class="lst">
                <div class="img1">
                    <img src="./images/1_13.jpg" alt="">
                    <p>交通轨道:由于主要采用电气牵引,而且轮轨摩擦阻力较小,与公共...</p>
                </div>
                <div class="img2">
                    <img src="./images/1_15.jpg" alt="">
                    <p>节能环保:由于不断上涨的能源消耗和我们的专业知识,维护可持续...</p>
                </div>
                <div class="img3">
                    <img src="./images/1_17.jpg" alt="">
                    <p>航空与船舰:如果你是在公海行驶,你需要确保你的船只的电力系统...</p>
                </div>
                <div class="img4">
                    <img src="./images/1_19.jpg" alt="">
                    <p>石油、天然气及采矿:在市场中的安全性,可靠性,效率和最短的停机...</p>
                </div>
            </div>
        </div>
        <div class="product">
            <div class="proleft">
                <h4>产品中心</h4>
                <hr>
                <div class="preleft">
                    <ul style="margin-right: 50px;">
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>汽车电机</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>日用电机</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>特种电机</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>大功率电机</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>电工设备</a></li>
                    </ul>
                    <ul style="margin-right: 50px;">
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>工业驱动化</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>高压变频和系统集成</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>混泥土搅拌机</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>电动车辆</a></li>

                    </ul>
                    <ul>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>电源电池</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>输变电设备</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>楼盘信息</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>金融产品</a></li>

                    </ul>
                </div>

            </div>
            <div class="procenter">
                <h4>技术研发</h4>
                <hr>
                <div class="precenter">
                    <ul>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>科技力量</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>先进设备</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>楼盘信息</a></li>
                        <li><a href="#"><i class="iconfont icon-liebiaojiantou"></i>金融产品</a></li>
                    </ul>
                </div>

            </div>
            <div class="proright">
                <h4>营销网络</h4>
                <hr>
                <div class="preright">
                    <img src="./images/1_26.jpg" alt="">
                </div>

            </div>

        </div>
        <div class="foot">
            <div class="left">
                网站地图&nbsp;|&nbsp;联系我们&nbsp;|&nbsp;关注卧龙&nbsp;|&nbsp;采购系统入口
            </div>
            
            <div class="right">
                COPYRIGHT&nbsp;&copy;&nbsp;2013卧龙控股集团版权所有浙江ICP备06D05901号技术支持:博彩互动分享到:
                <i class="iconfont icon-weibo"></i>
                <i class="iconfont icon-shejiaotubiao-48-copy"></i>
                <i class="iconfont icon-renren"></i>
                <i class="iconfont icon-QQkongjian"></i>
            </div>

        </div>
    </div>
</body>
<script src="./js/index.js"></script>
</head>
</html>